body, html {
  width: 100%;
  background: #F0F0F0;
}
.wrapper{
    width: 100%;
    overflow: hidden;
    .header{
        width: 100%;
        height: 1.25rem;        
        background-color: #393A3E;
        border-bottom: 1px solid #11511D;
        font-size:0.42rem;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        span{
            display: block;
            height: 0.64rem;
            line-height: 0.64rem;
            color:#FFFFFF;
            margin-top: 0.31rem;
        }
        span#close,span#more{
            width:1.26rem;
            text-align: center;
        }
        span#close{
            float: left;
            border-right: 1px solid #2D2E32;            
        }
        span:nth-of-type(2){
            border-left:1px solid #333438;
            float: left;
            padding-left: 0.33rem;
        }
        span#more{
           float: right;
        }
    }
    .container{
        width: 100%;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        overflow: hidden;
        section.search{
            height: 1.3rem;
            border-top: 1px solid #5E9E6A;
            font-size:0.32rem;
            overflow: auto;
            background: #37B54A;
            span#adress,span#user{
                line-height: 1.3rem;
                text-align: center;
                color:#FFFFFF;
                display: block;
                float: left;
            }
            span#adress{
                width: 1.75rem;
            }
            form{
                width: 7.98rem;
                height: 0.85rem;
                line-height:0.85rem;
                margin-top:0.24rem;
                display: block;
                float: left;
                border-radius: 0.37rem;
                background: #FFFFFF;
                span,input{
                    display: block;
                    float: left;
                    height: 0.85rem;
                    line-height: 0.85rem;
                }
                span{
                    width: 0.8rem;
                    color:#4FBE5F;
                    text-align: center;
                }
                input{
                    text-align: left;
                    color:#B7B7B7;
                }
            }
            span#user{
                width: 1.07rem;
            }
        }
        nav.nav{
            width: 100%;
            overflow: hidden;
            margin-bottom:0.25rem ;
            border-bottom: 1px silid #E8E8E8;
            background: #FFFFFF;
            ul{
                width: 100%;
                overflow: hidden;
                li{
                    width: 20%;
                    height: 2.35rem;
                    float: left;
                    overflow: hidden;
                    font-size:0.32rem;
                    color:#303030;
                    a{
                        width: 100%;
                        display: block;
                    }
                    a:nth-of-type(1){
                        height: 1.56rem;
                        background: url(../img/ic_category_10.png) no-repeat center center;
                        background-size: 60% 75%;
                    }
                    a:nth-of-type(2){
                        text-align: center;
                    }
                }
                
            }
        }
        section.ad{
            width: 10.8rem;
            overflow: hidden;
            border-bottom: 1px solid #E3E3E3;
            border-top: 1px solid #E3E3E3;
            margin-bottom:0.25rem ;
            background: #FFFFFF;
            div{
                width: 33%;
                float: left;
                padding-top: 0.32rem;
                text-align: center;
                border-right: 0.02rem solid #E7E7E7;
                overflow: hidden;
                h1{
                    font-size:0.36rem;
                    height: 0.46rem;
                    color:#41A5D7;
                }
                h2{
                    font-size:0.25rem;
                    height: 0.37rem;
                    color:#959595;
                } 
                img{
                    width: 1.25rem;
                    height: 1.25rem;
                    display: block;
                    margin-top:0.24rem;
                    margin-left: 1.20rem;
                    border-radius: 100%;
                    margin-bottom: 0.3rem;
                }              
            }
            
            
        }
        section.hot{
            background: #FFFFFF;
            width: 100%;
            overflow: hidden;
            margin-bottom: 0.25rem;
            border-bottom: 1px solid #E3E3E3;
            border-top: 1px solid #E3E3E3;
            div.head{
                 width: 100%;
                 line-height:1.17rem;
                 height: 1.17rem;
                 text-align: left;
                 padding-left:0.24rem ;
                h1{
                    width: 8rem;
                    font-size:0.38rem;
                    color: #FE5447;                
                    float: left;
                }
                h2{
                   
                    font-size:0.28rem;
                    color: #BBBBBB;
                    float: left;
                }
            }
            div.all{
                width: 100%;
                overflow: hidden;
                 div.show{
                float: left;
                width: 3.26rem;
                margin-left: 0.24rem;
                img{
                    width:3.3rem ;
                    height: 3.3rem;
                    display: block;
                }
                h3{
                    height: 0.62rem;
                    line-height: 0.62rem;
                    font-size: 0.32rem;
                    color:#373737;
                }
                h4{
                    height: 0.60rem;
                    line-height: 0.60rem;
                    overflow: hidden;
                    margin-bottom: 0.2rem;
                    span{
                        display: block;
                        float: left; 
                    }                   
                    span:nth-of-type(1){                       
                        font-size: 0.38rem;
                        color: #F26839;
                        margin-right: 0.15rem;
                    }
                     span:nth-of-type(2){
                        font-size: 0.26rem;
                        line-height: 0.70rem;
                        color: #9B9B9B;
                        text-decoration: line-through;
                    }
                }
            }
            }
           
        }
        section.like{
            border-bottom: 1px solid #E3E3E3;
            border-top: 1px solid #E3E3E3;
            overflow: hidden;
            width: 100%;
            background: #FFFFFF;
            padding: 0 0.4rem; 
            div.head{
                height: 0.84rem;
                line-height: 0.84rem;
                font-size: 0.34rem;
                color:#787878;               
            }
            div.main{
                width: 100%;
                overflow: hidden;
                border-bottom: 0.01rem solid #EAEAEA;
                padding: 0.24rem 0;
                img.a{
                    display: block;
                    width: 2.38rem;
                    height: 2.38rem;
                    float: left;
                    margin-right: 0.26rem;
                }
                div.right{
                    width: 7.36rem;
                    color:#757575;
                    overflow: hidden;
                    h1{
                        width: 100%;
                        height: 0.8rem;
                        font-size:0.4rem;
                        font-weight: 600;
                        color:#0E0E0E;
                        span{ 
                            font-size:0.3rem;
                            line-height: 0.8rem;
                            color:#757575;
                            font-weight: normal;
                        }
                        
                    }
                    h2{
                        height: 0.8rem;                    
                        font-size: 0.33rem;
                    }
                    h3{
                        height: 0.7rem;
                        span{
                            display: block;
                            float: left;
                        }
                        span:nth-of-type(1){
                            font-size: 0.4rem;
                            color: #FF652F;
                            font-weight: 600;
                            margin-right: 0.1rem;
                        } 
                        span:nth-of-type(2){
                            font-size: 0.26rem;
                            line-height: 0.7rem;
                            
                        }
                        span:nth-of-type(3){
                            font-size: 0.26rem;
                            float: right;
                            line-height: 0.7rem;
                            
                        }                                           
                        
                    }
                }
            }
        }
    }
    
    .groupBuy{
        width: 100%;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        overflow: hidden;
        div.head{
            height: 1.02rem;
            line-height: 1.02rem;
            background: #F0F0F0;
            span{
                display: block;
                float: left;
                font-size:0.56rem ;
                color:#424242;
                text-align: center;
            }
            span#retu{
                width: 1.76rem;                                
            }
            span:nth-of-type(2){
                width: 9.04rem;                                
            }
        }
        div.picShow{
            width: 100%;
            overflow: hidden;
            background: #FFFFFF;
            margin-bottom: 0.25rem;
            img#quan{
                display: block;
                width: 100%;
                height: 7.0rem;
            }
            div.price{
                padding: 0.2rem 0.3rem;
                overflow: hidden;
                border-bottom: 0.02rem solid #EDEDED;
                span{
                    display: block;
                    float: left;
                    height: 0.92rem;
                    overflow: hidden;
                   i{
                       font-style: normal;
                        display: block;
                        float: left;
                   }
                   i:nth-of-type(1){
                       font-size:0.58rem;
                       color:#FF6632;
                       line-height: 0.92rem;
                   }
                   i:nth-of-type(2){
                       font-size:0.26rem;
                       color:#9B9B9B;
                       line-height: 1rem;
                   }
                }
                button{
                    outline: none;
                    border: 0;
                    border-radius: 0.1rem;
                    width: 2.76rem;
                     height: 0.92rem;
                     display: block;
                     float: right;
                     text-align: center;
                     line-height: 0.92rem;
                     background: #FE6732;
                     color:#FFFFFF;
                     font-size:0.4rem;
                }
            }
            div.tui{
                padding: 0 0.3rem;
                overflow: hidden;
                border-bottom: 0.02rem solid #EDEDED;
                span{
                    height: 1.14rem;
                    line-height: 1.0rem;
                    text-align: left;
                    display: block;
                    float: left;
                    width: 50%;
                    font-size:0.28rem;
                    color:#676767;
                    img{
                        width: 0.46rem;
                        height: 0.46rem;
                    }
                }
            }
            
        }
        div.suituser{
            background: #FFFFFF;
            overflow: hidden;
            padding: 0 0.3rem;
            margin-bottom: 0.25rem;
            div.up{
                overflow: hidden;
                height: 1.04rem;
                line-height: 1.04rem;
                border-bottom: 0.01rem solid #E8E8E8;
                span,a{
                    display: block;
                    font-size:0.32rem;
                    color:#CCCCCC;
                }
                span{
                    float: left;
                }
                a{
                    float: right;
                }
            }
            div.center{
                overflow: hidden;
                border-bottom: 0.01rem solid #E8E8E8;
                div.left{
                    float: left;
                    width: 8.50rem;
                   
                    h1{
                        height: 1.28rem;
                        line-height: 1.28rem;
                        font-size:0.43rem;
                        color:#858585;
                    }
                    h2{
                        height: 0.82rem;
                        line-height: 0.82rem;
                        img{
                            display: block;
                            float: left;
                            width: 2.3rem;
                            height: 0.45rem;
                        }
                        span{
                            display: block;
                            float: right;
                            font-size:0.3rem;
                            color:#727272;
                        }
                    }
                }
                div.right{
                    float: right;
                    width: 1.42rem;
                    height: 1.42rem;
                    border-left: 0.01rem solid #F1F1F1;
                    margin-top:0.34rem;
                    position: relative;
                    img{
                        width: 0.44rem;
                        height: 0.54rem;
                        display: block;
                        position: absolute;
                        top:0.5rem;
                        left:0.8rem;
                        
                    }
                }
                
            }
            div.down{
                    height: 1.15rem;
                    padding-left: 0.44rem;
                    img{
                        width: 0.25rem;
                        height: 0.36rem;
                        display: block;
                        float: left;
                        margin-right: 0.2rem;
                        margin-top:0.4rem;
                    }
                    span{
                        font-size: 0.32rem;
                        color:#2F2F2F;
                        line-height: 1.15rem;
                        display: block;
                        float: left;
                    }
                }
        }
        div.groupdet{
            overflow: hidden;
            background: #FFFFFF;
            margin-bottom: 0.25rem;
            padding: 0 0.3rem;
            div.up{
                height: 1rem;
                overflow: hidden;
                border-bottom: 0.01rem solid #EBEBEB;
                span{
                    line-height: 1rem;
                    font-size:0.3rem;
                    color:#303030;
                    display: block;
                    float: left;
                }
                img{
                    display: block;
                    float: left;
                    width: 0.36rem;
                    height: 0.36rem;
                    margin-top:0.3rem;
                }
                
            }
            h1{
                height: 1.38rem;
                line-height: 1.38rem;
                font-size: 0.32rem;
                color:#9A9A9A;
                text-align: center;
                border-bottom: 0.01rem solid #EBEBEB;
            }
            h2{
                height: 1.08rem;
                line-height: 1.08rem;
                border-bottom: 0.01rem solid #EBEBEB;
                span{
                    display: block;
                    float: left;
                    font-size:0.28rem;
                    color:#3A3A3A;
                    text-align: left;
                }
                span:nth-of-type(1){
                  width: 8.28rem;
                }
                span:nth-of-type(2){
                    width: 0.9rem;
                }
                span:nth-of-type(2){
                    width: 0.7rem;
                }
            }
            h3{
                overflow: hidden;
                border-bottom: 0.01rem solid #EBEBEB;
                span{
                    display: block;
                    text-align: right;
                }
                span:nth-of-type(1){
                    height: 0.9rem;
                    line-height: 0.9rem;
                    font-size: 0.38rem;
                    color: #A0A0A0;
                    text-decoration: line-through;
                }
                span:nth-of-type(2){
                    height: 0.9rem;
                    font-size: 0.43rem;
                    color: #FE6835;
                    
                }
            }
            h4{
                 border-bottom: 0.01rem solid #EBEBEB;
                 overflow: hidden;
                 height: 1.30rem;
                 line-height: 1.30rem;
                 font-size: 0.3rem;
                 color:#626262;
            }
            h5{
                 border-bottom: 0.01rem solid #EBEBEB;
                 overflow: hidden;                
               span{
                   display: block;
                   float: left;
                   height: 1.16rem;
                   line-height: 1.16rem;
               }
              
               span:nth-of-type(1){
                   font-size:0.32rem;
                   color: #000000;
               }
               
               span:nth-of-type(2){
                   font-size:0.28rem;
                   color: #B7B7B7;
               }
               span:nth-of-type(3){
                   font-size:0.32rem;
                   color: #CDCDCD;
                   float: right;
               }
            }
        }
    }
    
    
    .footer{
        z-index: 10;
        width: 100%;
        height: 1.25rem; 
        line-height: 1.25rem;       
        background-color: #FFFFFF;
        border-top: 1px solid #E5E5E5;        
        color:#646464;
        position: fixed;
        left: 0;
        bottom: 0;
        span{
            font-size:0.5rem;
            width: 5.38rem;
            height: 1.25rem;
            text-align: center;
            display: block;
            float: left;
            overflow: hidden;
        }
        span#home{
            border-right: 0.02rem solid #E8E8E8;
            color:#37B54A;
        }
    }
    
    
    
}
div#map{
   width:100%;
   margin-top: 1.25rem;
   margin-bottom: 1.52rem;
   border:#ccc solid 1px;
   font-size:0.2rem;
}
div.ditu{
    height: 3.16rem;
    width: 100%;
    background: #F0F0F0;
    position: fixed;
    left: 0;
    bottom: 0;
    form{
        width: 90%;
        height: 1.52rem;
        border: 0.02rem solid #CED0D1;
        border-radius: 0.1rem;
        margin-top:0.8rem;
        margin-left: 5%;
        background: #FFFFFF;
        font-size:0.42rem;
        color:#A9A9A9;
        input,span{
            height: 1.52rem;
            line-height: 1.52rem;
            display: block;
        }
        input{          
            float: left;           
            margin-left: 0.3rem;
            outline: none;
            border: 0;
            color: #A9A9A9;
        }
        span{
            float: right;
            margin-right:0.3rem;
        }
    }
}
